/*
 * @Author: 赵鹏霄 
 * @Date: 2020-10-22 13:21:30 
 * @Last Modified by: mikey.zhaopeng
 * @Last Modified time: 2020-10-22 16:16:13
 */
 <template>
    <div>
        
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="考试科目" name="first">
                
                            <el-table
                            :data="tableData"
                            style="width: 100%">
                            <el-table-column
                                prop="date"
                                label="日期"
                                width="180">
                            </el-table-column>
                            <el-table-column
                                prop="name"
                                label="科目"
                                width="180">
                            </el-table-column>
                            <el-table-column
                                prop="address"
                                label="地址">
                            </el-table-column>
                            </el-table>
  

                
            </el-tab-pane>
            <el-tab-pane label="考试时间" name="second">考试时间</el-tab-pane>
            <el-tab-pane label="考试要求" name="third">考试要求</el-tab-pane>
            <el-tab-pane label="考试成绩" name="fourth">考试成绩</el-tab-pane>
        </el-tabs>

    </div>
</template>

<script>
    export default {
    data() {
      return {
        activeName: 'first',
        tableData: [{
            date: '2020-10-22',
            name: '周考一',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2020-10-29',
            name: '周考二',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2020-11-05',
            name: '周考三',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2020-11-12',
            name: '月考',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
</script>

<style lang="scss" scoped>

</style>